<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>我的装机秀</title>
	<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" type="text/css" href="{{ URL::asset('newstyle/css/drink.css') }}" />
    <script type="text/javascript" src="{{ URL::asset('front/js/jquery.min.js') }}"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="{{ URL::asset('front/js/toogle.js') }}"></script>
</head>
<body class="white">
<header id="header">
	<a href="">
		<img src="{{ URL::asset('newstyle/images/arrow_left.png') }}" alt="" width="8" class="arrow_left">
	</a>
	<h3>我的装机秀</h3>
</header>


@foreach($mounts as $mount)
<section id="section7">
    <ul>
        <li>
            <a href="{{ route('mounts.picture',array('id'=>$mount->id)) }}">
                <img src="{{ $PATH }}{{ $mount->machine->cover }}-machine" alt="" width="90" class="product1">
                <h4>型号:{{ $mount->machine->name }}</h4>
                <p class="machine_code">机器编码：{{ $mount->code }}</p>
                <p><img src="{{ URL::asset('newstyle/images/cleck.png') }}" alt="" width="11" align="absmiddle">初装日期：{{ substr($mount->created_at,0,-9) }}</p>
                <p><img src="{{ URL::asset('newstyle/images/map.png') }}" alt="" width="8" align="absmiddle">地址：{{ $mount->address }}</p>
            </a>
        </li>
    </ul>
</section>
<div class="showImg" style="display:block;">
    <p>装机秀</p>
</div>
<div class="picShow">
    <ul>
                            @foreach($mount->pictures as $key => $picture)
                                @if($key < 3)
        <li>
            <a href="{{ route('mounts.picture',array('id'=>$mount->id)) }}">
                <img id="p_{{ $mount->id }}_{{ $key }}"  src="{{ $picture->path}}" alt="" >
            </a>
        </li> @endif
                            @endforeach

    </ul>
</div>
<div class="btnshare">
    <button  onclick="show_mount('{{$mount->id}}','{{ route('pictures.show',array('id'=>$mount->id)) }}')">分享</button>
</div>
<div style="height:20px; background:#eee; clear:both; color:#eee;"></div> 

                    @endforeach

<div class="shade" style="display:none;">
	<img src="{{ URL::asset('newstyle/images/guide1.png') }}" alt="">
</div>
<script>
	$(function(){
		$(".btnshare button").click(function(){
			$(".shade").show();
		})
	})
</script>
<script>
  /*
   * 注意：
   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
   * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
   * 邮箱地址：weixin-open@qq.com
   * 邮件主题：【微信JS-SDK反馈】具体问题
   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
   */
  wx.config({
    debug: false,
    appId: '{{ $signPackage["appId"] }}',
    timestamp: {{ $signPackage["timestamp"] }},
    nonceStr: '{{ $signPackage["nonceStr"] }}',
    signature: '{{ $signPackage["signature"] }}',
    jsApiList: [
        'onMenuShareAppMessage',
        'onMenuShareTimeline',
        'chooseImage',
        'previewImage',
        'uploadImage',
        'downloadImage',


    ]
  });
</script>
<script>
function show_mount(id,link){
    var img = $('#p_'+id+'_1').attr("src");
    wx.onMenuShareTimeline({
      title: '我装了雷谛净水器啦',
      link: link,
      imgUrl: img,
      trigger: function (res) {
        // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
//        alert('用户点击分享到朋友圈');
      },
      success: function (res) {
        alert('分享成功');
      },
      cancel: function (res) {
//        alert('已取消');
      },
      fail: function (res) {
//        alert(JSON.stringify(res));
      }
    });
//    alert('已注册获取“分享到朋友圈”状态事件');


    wx.onMenuShareAppMessage({
      title: '我装了雷谛净水器啦',
      desc: '看看我家的装机效果吧',
      link: link,
      imgUrl: img,
      trigger: function (res) {
        // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
//        alert('用户点击发送给朋友');
      },
      success: function (res) {
        alert('分享成功');
      },
      cancel: function (res) {
//        alert('已取消');
      },
      fail: function (res) {
//        alert(JSON.stringify(res));
      }
    });
//    alert('已注册获取“发送给朋友”状态事件');

}
</script>
<script type="text/javascript">

    var _system={
        $:function(id){return document.getElementById(id);},
   _client:function(){
      return {w:document.documentElement.scrollWidth,h:document.documentElement.scrollHeight,bw:document.documentElement.clientWidth,bh:document.documentElement.clientHeight};
   },
   _scroll:function(){
      return {x:document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft,y:document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop};
   },
   _cover:function(show){
      if(show){
     this.$("cover").style.display="block";
     this.$("cover").style.width=(this._client().bw>this._client().w?this._client().bw:this._client().w)+"px";
     this.$("cover").style.height=(this._client().bh>this._client().h?this._client().bh:this._client().h)+"px";
  }else{
     this.$("cover").style.display="none";
  }
   },
   _guide:function(click){
      this._cover(true);
      this.$("guide").style.display="block";
      this.$("guide").style.top=(_system._scroll().y+5)+"px";
      window.onresize=function(){_system._cover(true);_system.$("guide").style.top=(_system._scroll().y+5)+"px";};
  if(click){_system.$("cover").onclick=function(){
         _system._cover();
         _system.$("guide").style.display="none";
 _system.$("cover").onclick=null;
 window.onresize=null;
  };}
   },
   _zero:function(n){
      return n<0?0:n;
   }
}
</script>
</body>
</html>

